<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>租房</title>
		<link rel="stylesheet" type="text/css" href="css/chuzu.css" />
		<meta name="apple-mobile-web-app-title" content="租房">
	  	<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
	</head>
	<body>
		<header class="header--common header_white  ">
			<div class="flexbox left">
				<a href="javascript:history.go(-1)" class="header_back"></a>
				<a href="" class="city_wrap">
					<span class="switch_city"><em class="city">洛阳</em><i class="icon_pull"></i></span>
				</a>
			</div>
			<a href="" class="my right"><i class="icon_user"></i></a>
		</header>

		<!-- 页面内容容器 -->
		<div class="wrapper ">
			<!-- 首页搜索模块 -->
			<form action="dozufang" method="post">
			<div class="search">
				<input type="text" class="onet" name="condition" placeholder="你想住在那？"/>
				<button type="submit" class="ti">搜索</button>
			</div>
		</form>
			<div>
				<!-- 首页配置各频道入口 -->
				<nav class="nav">
					<ul>
						<!--background-image: url()   此标签链接为网上链接，非保存到本地的图片-->
						<li>
							<a href="" data-event_id="10789" data-event_action="target=全部房源" data-event_position="target">
							<i style="background-image: url(http://image1.ljcdn.com/rent-front-image/70cdcb83f2330703b4dfb0bce5f1d238.1524139299338_45bff5bf-df55-478f-880b-ab66ac7da51d.150x.png);"></i>全部房源</a></li>
						<li>
							<a href="" data-event_id="10789" data-event_action="target=独栋公寓" data-event_position="target">
							<i style="background-image: url(http://image1.ljcdn.com/rent-front-image/7b910820bdb1bef1a9e66d285b0945f2.1524139328523_7a255627-7718-44ed-973d-d82db808a321.150x.png);"></i>独栋公寓</a></li>
						<li>
							<a href="" data-event_id="10789" data-event_action="target=月租" data-event_position="target">
							<i style="background-image: url(http://image1.ljcdn.com/rent-front-image/f66945de168a5683ba8d861e99b09960.1531987957122_28c4eda1-25c3-45c7-8e52-00aa9c6b4ef1.150x.png);"></i>月租</a></li>
						<li>
							<a href="" data-event_id="10789" data-event_action="target=我要出租" data-event_position="target">
							<i style="background-image: url(http://image1.ljcdn.com/rent-front-image/7b64463d9a1f31be64370649770e3d66.png.150x.png);"></i>我要出租</a></li>
						<li>
							<a href="" data-event_id="10789" data-event_action="target=品质搬家" data-event_position="target">
							<i style="background-image: url(http://image1.ljcdn.com/rent-front-image/278ca1b747fc8deb5c25f894910c4a5f.png.150x.png);"></i>品质搬家</a></li>
						<li>
							<a href="" data-event_id="10789" data-event_action="target=联系我们" data-event_position="target">
							<i style="background-image: url(http://image1.ljcdn.com/rent-front-image/a46e67a03f7074c7b71ca113ab8d74c2.1528720354060_cf50b7cc-2b6b-41ef-8bc0-aed3f78345fe.150x.png);"></i>联系我们</a></li>
					</ul>
				</nav>
				<!-- 优选房源列表模块 -->
				<section class="list" id="list">
					<h2>优选房源</h2>
					<div class=list_box">
						<#list houseList as hou>
						<div class="content__item">
							<a href="sleHouse?houseId=${hou.houseId}">
								<span class="content__item--pic">
				                    <img class="content__item__aside lazyload"
				                        data-el="lazy-img"
				                        src="img/${hou.housePicture}"
				                        data-src="">
                                    </span>
								<div class="content__item__main">
									<p class="content__item__title" style="padding-top: 1px;">
										${hou.houseTitle}</p>
									<p class="content__item__content" style="padding-top: 2px;">
										${hou.houseArea}㎡ </p>
									<p class="content__item__bottom" style="padding-top: 1px;">
										${hou.housePrice} <span class="content__item__bottom--light">元/月</span>
										<span class="content__item__bottom--activity"></span>
									</p>
								</div>
							</a>
						</div>
					</#list>
					<!-- 推荐列表 -->
					<p class="index__show--more"><a href="/chuzu/bj/zufang/" data-icon-right="down">查看全部房源</a></p>
					</div>
				</section>
			</div>
			<!--footer-->
			<div style='width:100%;position: relative;margin-bottom: -3rem'>
				<div style="width:100%;height:100%">
					<footer class='footer-container' style="overflow: hidden;">
						<section class="footer-crumb">
							<ul>
								<li>
									<a href="/chuzu/bj/">
										<span style="color: rgb(142,142,142);">洛阳租房网</span> >
									</a>
								</li>
								<li style="color:rgb(112,112,112);">
									<a href="/chuzu/bj/zufang/">
										洛阳租房 </a>
								</li>
							</ul>
						</section>
						
						<section class="footer-info">
							<div class="left">
								<a href="javascript:;" data-el="downloadAppFooter">
									<div class="iphone"></div>
								</a>
								<a href="javascript:;" data-el="downloadAppFooter">
									<div class="android"></div>
								</a>
							</div>
							<div class="right" style="height: 40px;">
								<p>洛阳北大青鸟</p>
								<p style="text-align: right;">地址:洛阳北大青鸟</p>
								<p>C座一层112室09单元</p>
								<p>电话:10099888</p>
							</div>
						</section>
					</footer>
				</div>
			</div>
		</div>
	</body>
</html>